<template>
  <div class="tmpl">

<mt-search
  cancel-text="取消"
  placeholder="搜索">
</mt-search>

<div>
<ul class="mui-table-view"  v-for="item in list">
    <li class="mui-table-view-cell mui-media">
        <router-link v-bind='{to:"/news/newsinfo.vue"}'>
            <img class="mui-media-object mui-pull-left" src="../../../static/images/aa_2.jpg">
            <div class="mui-media-body">
                {{item.title}}
                <p class="mui_introduction" rows="2">
                  {{item.yang}}
                </p>
                <p class='mui-ellipsis'>
                        发表时间：2017/09/09
                    <span>
                        点击数:{{item.click}}
                    </span>
                </p>
            </div>
         </router-link>
    </li>
        <li class="mui-table-view-cell mui-media">
        <router-link v-bind='{to:"/news/newsinfo.vue"}'>
            <img class="mui-media-object mui-pull-left" src="../../../static/images/aa_2.jpg">
            <div class="mui-media-body">
                {{item.title}}
                <p class="mui_introduction">
                  {{item.yang}}
                </p>
                <p class='mui-ellipsis'>
                        发表时间：2017/09/09
                    <span>
                        点击数:{{item.click}}
                    </span>
                </p>
            </div>
         </router-link>
    </li>

</ul>

</div>
		


  </div>
</template>

<script>
import { Search } from 'mint-ui';
export default {
 		data(){
 			return{
 					list:[{
                        id:11,
                        title:"华为荣耀9",
                        add_time:"2017-09-09",
                        click:2,
                        img_url:"http://fanyi.baidu.com/static/translation/img/header/logo_cbfea26.png",
                        yang:"购机赠流量券，免费享受价值128元天际通1GB全球流量，还可参与抽奖（荣耀手环3等您拿），现货速发。 2000万变焦双摄，拍照就像用单反；3D沉浸式Hi-Fi音质，听歌就像听现场。"
                   
                   },
                    {
                        id:13,
                        title:"华为荣耀9",
                        add_time:"2017-09-09",
                        click:1,
                        img_url:"http://fanyi.baidu.com/static/translation/img/header/logo_cbfea26.png",
                        yang:"购机赠流量券，免费享受价值128元天际通1GB全球流量，还可参与抽奖（荣耀手环3等您拿），现货速发。 2000万变焦双摄，拍照就像用单反；3D沉浸式Hi-Fi音质，听歌就像听现场。"
                    },
                        {
                        id:14,
                        title:"华为荣耀9",
                        add_time:"2017-09-09",
                        click:1,
                        img_url:"http://fanyi.baidu.com/static/translation/img/header/logo_cbfea26.png",
                        yang:"购机赠流量券，免费享受价值128元天际通1GB全球流量，还可参与抽奖（荣耀手环3等您拿），现货速发。 2000万变焦双摄，拍照就像用单反；3D沉浸式Hi-Fi音质，听歌就像听现场。"
                    }],
 			
 			
 			
 			}
		 }
 		
}
</script>

<style scoped>
.mui-table-view .mui-media, .mui-table-view .mui-media-body{
  height: 100px;
}
.mui-table-view-cell > a:not(.mui-btn){
   height: 100px;
   margin: 0px 0px;
   padding: 0 0;
}
.mui-table-view .mui-media[data-v-b80911e2], .mui-table-view .mui-media-body[data-v-b80911e2]{
  /* height: 100%; */
}
.mui-table-view .mui-media-object{
    line-height: 80px;
    max-width: 80px;
    height: 80px;
}
.mui-ellipsis{
    display: flex;
    color: #0094ff;
    font-size: 12px;
    /* margin: 15px 0 0 0 ; */
    }

.mui-ellipsis span{
    position: absolute;
    top:64px;
    right:50px;
}
.mui_introduction{
  height: 43px;
}

.mui-table-view-cell{
    padding: 8px 8px;
}
.mui-table-view-cell:after ,.mui-table-view:after{
    left: 0;
}

</style>
<style>
.mint-search{
  height: 100%;
  z-index: -10;
}
select, textarea, input[type='text'], input[type='search'],
input[type='password'], input[type='datetime'], input[type='datetime-local'], 
input[type='date'], input[type='month'], input[type='time'], input[type='week'],
 input[type='number'], input[type='email'], input[type='url'], input[type='tel'],
  input[type='color']{
    margin: 0 0 0 0;
    height: 26px;
    background: #fff;
    }

</style>
